// 刮自定义
    .cav {
        left: 65rpx;
        bottom: 146rpx;
    }
    .content {
        width: 100%;
        height: 100vh;
        .bg {
            width: 100%;
            height: 110vh;
            z-index: -1;
        }
        .main {
            top: -6rpx;
            left: -16rpx;
            right: 0;
            z-index: 1;
            .head_bg {
                width: 104%;
                height: 900rpx;
            }
            .scratch {
                top: 350rpx;
                left: 84rpx;
                width: 616rpx;
                height: 494rpx;
            }
            .user_score {
                left: 84rpx;
                right: 52rpx;
                bottom: 92rpx;
                font-size: 30rpx;
                color: #d30b0e;
            }
            .success {
                left: 40%;
                top: 55%;
                z-index: 2;
            }
            .fail {
                left: 0;
                right: -16rpx;
                top: 55%;
                z-index: 2;
            }
            
            .success_title {
                font-size: 48rpx;
                font-weight: 700;
                background: linear-gradient(to bottom, #FF0000, #FF724F);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                padding-bottom: 16rpx;
            }
            .success_desc {
                font-size: 30rpx;
                font-weight: 400;
                color: #333;
            }
            .canvas {
                top: 472rpx;
                left: 107rpx;
                width: 575rpx;
                height: 263rpx;
                overflow: hidden;
                background: #e3e3e3;
            }
        }
        .popup {
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 6;
            background: rgba(0, 0, 0, .5);
            .popup_main {
                top: 28%;
                height: 100%;
            }
            .success_popup_bg {
                left: 0;
                width: 658rpx;
                height: 312rpx;
            }
            .fail_popup_bg {
                left: 138rpx;
                width: 466rpx;
                height: 312rpx;
            }
            .close {
                width: 40rpx;
                height: 40rpx;
                right: 20%;
                z-index: 99;
            }
            .test_box {
                top: 40rpx;
                .fail_title {
                    padding-left: 10rpx;
                }
            }
            .title {
                font-size: 37rpx;
                color: #D0932F;
            }
            .desc {
                padding-top: 60rpx;
                padding-bottom: 30rpx;
                color: #FFEF95;
                font-size: 40rpx;
                font-weight: 500;
            }
            .go_on {
                font-size: 24rpx;
                color: #7f4e03;
                background: #FBE469;
                padding: 10rpx 25rpx;
                border-radius: 32rpx;
            }
            
        }
        .recommend {
            margin: 0 64rpx;
            margin-top: 58rpx;
            color: #fff;
            letter-spacing: 6rpx;
            font-size: 32rpx;
        }
        .recommend::before, .recommend::after{
            content: '';
            display: block;
            width: 210rpx;
            height: 2rpx;
            background: #fff;
        }
        .footer {
            margin: 0 64rpx;
            margin-top: 30rpx;
            width: 620rpx;
            height: 208rpx;
            background: #FF9557;
            color: #fff;
            padding: 25rpx 35rpx 20rpx 40rpx;
            image {
                width: 152rpx;
                height: 180rpx;
            }
            .title-box {
                padding-bottom: 15rpx;
                font-size: 32rpx;
                font-weight: bold;
                .title_name {
                    padding-left: 10rpx;
                }
            }
            .title-desc {
                font-size: 24rpx;
                padding-bottom: 32rpx;
            }
            .go {
                padding: 11rpx 40rpx;
                max-width: 192rpx;
                background: #F05A25;
                border-radius: 20rpx;
                font-size: 18rpx;
                line-height: 1em;
                span {
                   padding-left: 16rpx;
                   font-size: 26rpx;
                }
            }
        }
    }
	// 积分任务完成弹窗
	.finish_box {
		height: 100vh;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(#000,0.7);
		z-index: 999;
		.card {
			background: #fff;
			border-radius: 16rpx;
			left: 10%;
			right: 10%;
			top: 40%;
			.name {
				padding: 40rpx 0  20rpx 0;
				font-size: 34rpx;
				font-weight: 600;
				color: #333;
			}
			.text {
				color: #999;
				padding-bottom: 40rpx;
			}
			.btn {
				border-top: 1px solid #999;
				font-size: 35rpx;
				padding-top: 10rpx;
				padding-bottom: 20rpx;
					&:after{
						content: '';
						position: absolute;
						bottom: 14%;
						left: 45%;
						width: 12%;
						height: 1px;
						background-color: #999;
						transform: rotate(90deg);
					}
				.cancel {
					
				}
				.finally {
					color: #e73639;
				}
			}
		}
	}